﻿<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<!-- source http://www.scnoob.com More templates http://www.scnoob.com/moban -->
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>订单详细信息</title>

    <link rel="stylesheet" type="text/css" th:href="@{/assets/css/bootstrap.min.css}">

    <link rel="stylesheet" type="text/css" th:href="@{/assets/fonts/line-icons.css}">

    <link th:href="@{/assets/plugins/datatables/dataTables.bootstrap4.min.css}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/assets/plugins/datatables/buttons.bootstrap4.min.css}" rel="stylesheet" type="text/css"/>

    <link th:href="@{/assets/plugins/datatables/responsive.bootstrap4.min.css}" rel="stylesheet" type="text/css"/>

    <link rel="stylesheet" type="text/css" th:href="@{/assets/css/main.css}">

    <link rel="stylesheet" type="text/css" th:href="@{/assets/css/responsive.css}">
</head>
<body>
<div class="app header-default side-nav-dark">
    <div class="layout">
        <div class="page-container pl-0">
            <div class="main-content">
                <div class="container-fluid">
                    <div class="row">
                        <div class="col-12">
                            <div class="card">
                                <div class="card-header border-bottom">
                                    <h4 class="card-title">订单详细信息</h4>
                                </div>
                                <div class="card-body">
                                    <div class="table-responsive">
                                        <table id="datatable" class="table table-bordered">
                                            <tbody>
                                            <tr>
                                                <td>订单编号</td>
                                                <td th:text="${order.id}"></td>
                                            </tr>
                                            <tr>
                                                <td>商品名称</td>
                                                <td th:text="${order.productEntityName}"></td>
                                            </tr>
                                            <tr>
                                                <td>购买数量</td>
                                                <td th:text="${order.totalNum}"></td>
                                            </tr>
                                            <tr>
                                                <td>收款金额</td>
                                                <td th:text="${order.referPayMoney}"></td>
                                            </tr>
                                            <tr>
                                                <td>商户支付状态</td>
                                                <td th:switch="${order.referPayStatus}" class="text-center">
                                                    <a th:case="'0'">已支付</a>
                                                    <a th:case="'1'">支付未被确认</a>
                                                    <a th:case="'2'">未支付</a>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td>发货状态</td>
                                                <td th:switch="${order.consignStatus}" class="text-center">
                                                    <span th:case="'0'">已收货</span>
                                                    <span th:case="'1'">已发货</span>
                                                    <span th:case="'2'">未发货</span>
                                                </td>
                                            </tr>
                                            </tr>
                                            <tr>
                                                <td>物流名称</td>
                                                <td th:text="${order.shippingName}"></td>
                                            </tr>
                                            <tr>
                                                <td>物流单号</td>
                                                <td th:text="${order.shippingCode}"></td>
                                            </tr>
                                            <tr>
                                                <td>收货人</td>
                                                <td th:text="${order.receiverContact}"></td>
                                            </tr>
                                            <tr>
                                                <td>收货人手机</td>
                                                <td th:text="${order.receiverMobile}"></td>
                                            </tr>

                                            <tr>
                                                <td>收货人地址</td>
                                                <td th:text="${order.receiverAddress}"></td>
                                            </tr>
                                            <tr>
                                                <td>订单状态</td>
                                                <td th:switch="${order.orderStatus}" class="text-center">
                                                    <span th:case="'0'">已完成</span>
                                                    <span th:case="'1'">未完成</span>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>


            </div>

        </div>
    </div>
</div>

<div id="preloader">
    <div class="loader" id="loader-1"></div>
</div>


<script th:src="@{/assets/js/jquery-min.js}"></script>
<script th:src="@{/assets/js/popper.min.js}"></script>
<script th:src="@{/assets/js/bootstrap.min.js}"></script>
<script th:src="@{/assets/js/jquery.app.js}"></script>
<script th:src="@{/assets/js/main.js}"></script>

<script th:src="@{/assets/plugins/datatables/jquery.dataTables.min.js}"></script>
<script th:src="@{/assets/plugins/datatables/dataTables.bootstrap4.min.js}"></script>

<script th:src="@{/assets/plugins/datatables/dataTables.buttons.min.js}"></script>
<script th:src="@{/assets/plugins/datatables/buttons.bootstrap4.min.js}"></script>
<script th:src="@{/assets/plugins/datatables/jszip.min.js}"></script>
<script th:src="@{/assets/plugins/datatables/pdfmake.min.js}"></script>
<script th:src="@{/assets/plugins/datatables/vfs_fonts.js}"></script>
<script th:src="@{/assets/plugins/datatables/buttons.html5.min.js}"></script>
<script th:src="@{/assets/plugins/datatables/buttons.print.min.js}"></script>
<script th:src="@{/assets/plugins/datatables/buttons.colVis.min.js}"></script>

<script th:src="@{/assets/plugins/datatables/dataTables.responsive.min.js}"></script>
<script th:src="@{/assets/plugins/datatables/responsive.bootstrap4.min.js}"></script>

<script th:src="@{/assets/js/datatables.init.js}"></script>
</body>
<script type="text/javascript" th:inline="none">
    $("#datatable").DataTable({
        "oLanguage": {
            "sUrl": "/assets/page_zh_CN.json"
        }
    });
</script>

<!-- source http://www.scnoob.com More templates http://www.scnoob.com/moban -->
</html>


